//这个是用 jquery 写的，必须先引入 jquery 文件


//此代码中 html 的 font-size 初始是固定的 100px

$(function () {
    window.onresize = function () {
        var $html = $('html');
        //获取屏幕的宽
        var $hw = $html.width();
        //获取缩放的倍数
        var bei = $hw / 375;
        //针对使用 rem 元素进行缩放
        $html.css('fontSize', bei * 100);
    }
})



//此代码中 html 的 font-size 初始是自动获取设置的 font-size 值
//如果使用 resize 事件可能会发生错误，需要再设置 html 的 font-size 值

$(function () {
    window.onload = function () {
        var $html = $('html');
        //获取 html 的 fontsize 值，并转换成整数
        var hFontSize = parseInt($html.css('fontSize'));
        //获取屏幕的宽
        var $hw = $html.width();
        //获取缩放的倍数
        var bei = $hw / 375;
        //针对使用 rem 元素进行缩放
        $html.css('fontSize', bei * hFontSize);
    }
})